<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
    <!-- <link rel="stylesheet" href="../src/order_ticket/order_ticket.css"> -->
    <!-- 线上 -->
    <!--    <link rel="stylesheet" href="https://pics.lvjs.com.cn/mobile/lib/css/common-3.2.css">-->
    <link rel="stylesheet"
          href="https://pics.lvjs.com.cn/mobile/coding/v2/my/Orderdetail/pack/css/order_ticket.min.css?v=20190529181120123456789">
    <!---->
    <meta charset="UTF-8">
    <title>订单详情</title>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <script src="/js/jquery.bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/travel.css"/>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css">
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/My97DatePicker/WdatePicker.js"></script>
    <script src="/js/checkLogin.js"></script>
    <script src="/js/common.js"></script>
</head>
<script>
    $(function () {
        //获取id
        var id = getParams().id;
        console.log(id);
        //根据id查询shuju
        $.get(baseUrl + "/orders/" + id, function (data) {
            console.log(data);
            //渲染数据
            $("#container").renderValues(data);
            //计算单价
            var unitPrive=data.amoutPrice/data.bookNumber;
            //渲染单价
            $("#unit").html(unitPrive);
            var contactTel=data.contactTel;
            var str='';
            //遍历手机号
           for(var i=0;i<contactTel.length;i++){
                if (i>2 && i< 7){
                    str+="*";
                } else {
                    str+=contactTel.charAt(i);
                }
           }
           //渲染数据
            $("#cellPhone").html(str);
           //遍历身份证
            var psptId=data.psptId;
            var key='';
            for(var i=0;i<psptId.length;i++){
                if (i>0 && i< 17){
                    key+="*";
                } else {
                    key+=psptId.charAt(i);
                }
            }
            //渲染数据
            $("#identity").html(key);
        });
    });

    //返回上一页
    function backMyOrder() {
        window.location.href = "/mine/myOrder.html";
    }

</script>
<body>
<div id="container">
    <div class="viewport" id="viewport_ticketCtr">
        <article id="view">
            <div style="display: block;">
                <header>
                    <span class="icon_back" onclick="backMyOrder();"></span>
                    订单详情
                    </header>
                <div id="orderId">
                    <span class="lvPink">已支付</span> <b style="display: block;"><a
                        href="//m.lvmama.com/h5/orderProgress?orderId=19001860222">订单追踪</a></b>
                </div>
                <div class="visainfo">
                    <a class="visaDetail lv-bd-bottom">
                        <em data="ticket"></em>
                        <span render-html="scenicName"></span>
                    </a>
                    <div class="quantity" lv-for="@orderList in orderItemList" lv-forid="LVMM17826399402" lv-index="0">
                        <b class="goodsName" style="display: block;" render-html="salePrice"></b>
                        <span>
                            <span class="lvPink">￥
                                <i id="unit">329</i>
                            </span>&nbsp;x&nbsp;
                            <em render-html="bookNumber"></em>
                        </span>
                        <p style="display: block;">游玩时间：<span render-html="startTime"></span>
                        </p>
                        <p style="display: none;">有效期：<span></span></p>
                        <p style="display: none;"></p>
                        <div lv-if="@orderList.enterStyle">入园方式：
                            <span>凭下单时预留的身份证入园；* 该门票无需取票，可直接入园</span>
                        </div>
                        <div class="per" lv-for="@clientOrdOrder in clientOrdOrderAmountItemVoList"
                             lv-forid="LVMM88287378970" lv-index="0">
                        </div>
                        <div class="per" lv-for="@clientOrdOrder in clientOrdOrderAmountItemVoList"
                             lv-forid="LVMM57496123826" lv-index="1">
                        </div>
                        <div class="per" lv-for="@clientOrdOrder in clientOrdOrderAmountItemVoList"
                             lv-forid="LVMM99138283061" lv-index="2">
                        </div>
                        <div class="per" lv-for="@clientOrdOrder in clientOrdOrderAmountItemVoList"
                             lv-forid="LVMM62361971307" lv-index="3">
                            <p class="price rightPri">总价
                                <span class="lvPink">￥
                            <em render-html="amoutPrice"></em>
                        </span>
                            </p>
                        </div>
                        <div class="timeinfo">
                            <ul>
                                <li><span>订单编号：</span><span render-html="orderId"></span>
                                </li>
                                <li><span>下单时间：</span><span render-html="orderTime"></span></li>
                                <li><span>支付方式：</span><span>在线支付</span></li>
                            </ul>
                        </div>
                        <div class="personinfo">
                            <p class="title" style="display: block;">联系人信息</p>
                            <div class="contact" lv-for="@person in contactArr" lv-forid="LVMM22274349584" lv-index="0">
                                <ul>
                                    <li style="display: block;">姓　名：<span render-html="contactName"></span></li>
                                    <li style="display: block;">手机号：<span id="cellPhone"></span></li>
                                    <li style="display: block;">证件类型：<span>身份证</span></li>
                                    <li style="display: block;">证件号：<span id="identity"></span></li>
                                </ul>
                                <a href="tel:020-85628002" class="call">
                                    <span>拨打客服热线</span>
                                    <span>020-85628002</span>
                                </a>
                            </div>
                            <div class="oPdiv"></div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>
</div>

<script src="https://pics.lvjs.com.cn/mobile/lib/plugins/nativeUtil/2.0/dist/nativeUtil-2.5.1.min.js"></script>
<script type="text/javascript"
        src="https://pics.lvjs.com.cn/mobile/lib/plugins/public/1.0/public-1.7.2.min.js"></script>
<!--<script src="https://pics.lvjs.com.cn/mobile/lib/js/JSpring-1.1.0.min.js"></script>-->
<!--<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/login/1.0/build.min.js"></script>-->
<!--<script src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/alert/1.0/build.min.js"></script>-->
<!--<script type="text/javascript" src="https://pics.lvjs.com.cn/mobile/plugins/nativeJs/location/1.0/code.min.js"></script>-->
<!-- <script src="../src/order_ticket/order_ticket.js"></script> -->
<!-- 线上 -->
<!--<script src="https://pics.lvjs.com.cn/mobile/coding/v2/my/Orderdetail/pack/js/order_ticket.min.js?v=201906191917"></script>-->

<!--<script>
    if ($lv.SP) {
        document.querySelector('header').style.display = 'none';
        document.querySelector('.viewport').style.paddingTop = '0';
    }

    var ua = navigator.userAgent || '';
    if (ua.indexOf('BGSH_CHINA') >= 0 || ua.indexOf('BGSH_OVERSEA') >= 0) {
        if (document.querySelector('.call')) {
            document.querySelector('.call').style.display = 'none';
        }
        if (document.querySelector('#nps')) {
            document.querySelector('#nps').style.display = 'none';
        }
        if (document.querySelector('.linkTab')) {
            document.querySelector('.linkTab').style.display = 'none';
        }
    }
</script>-->


</body>
</html>